<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 元素存在多个属性和属性值的使用
		      属性与属性值可以为多个，用空格区分，没有先后顺序
			  
		      图片元素的使用
			  
			  
			  语法：<img />  简写 <img> 非封闭型标记
			  必须属性   src资源属性=【路径】图片全称
			  目录==文件夹【项目：存文件夹下】
			  Git仓库【front-end】路径【Day01】【图片元素tml】
			  
			  路径：可以找到文件的地址，/\代表路径
			  front-end/Day01/图片元素.html
			  路径用法：
			  / 代表 上传至服务器  [推荐]
			  \代表 下载到本地
			  
			 ../返回上一级
			  相对路径：两种 ①相对于执行网页，找文件[文件夹+路径+文件全称】
			                ②相对于执行网页，套在文件夹下，需要返回上一级
			  绝对路径：从盘符开始找路径，写法：C：/文件夹/文件夹/内容全称
			  
			  alt标题属性  属性值文本自定
			  特点：网络延迟图片显示失效或者路径图片全称写错、
			       用户提示
			  title标题属性  属性值文本自定
			  特点：鼠标移动上图片显示
			  
			  
			  
			  
			  
			  
		 -->
		 <img src="img/1.png" alt="熊二">
		 <img src="img/2.jpg" title="飞猪"  width="200px" height="200px"/>
		 <img src="img/3.gif" alt="乒乓球" title="乒乓球"  width="200px" height="200px"/>
		>
	</body>

</html>